<template>
  <van-tabbar v-model="homePageIndexStore.statusbarIndex" @change="onChanage(homePageIndexStore.statusbarIndex)">
    <van-tabbar-item v-for='item in navigateToUserHomePageTitleMapper' :icon="item.icon">
      <div v-text="navigateToUserHomePageTitleShow()" />
    </van-tabbar-item>
  </van-tabbar>
</template>

<script lang="ts" setup>
defineProps<{ onChanage: Function }>()
const navigateToUserHomePageTitleShow = () => navigateToUserHomePageBottomBarTitleShow((homePageIndexStore.statusbarIndex) as number) as string;
const homePageIndexStore = useMyHomePageIndexStore()
</script>
